05 Jogo dos erros!

Gepeto compartilhou o seguinte trecho do seu webpack.config.js:

const path = require('path');
const babiliPlugin = require('babili-webpack-plugin');
const extractTextPlugin = require('extract-text-webpack-plugin');
const optimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');

// IMPORTOU O MÓDULO DO WEBPACK!
const webpack = require('webpack');

let plugins = []

plugins.push(
    new extractTextPlugin("styles.css")
);

// O PLUGIN VALE TANTO PARA PRODUÇÃO 
// QUANTO PARA DESENVOLVIMENTO

plugins.push(
    webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js'
    })
);

// código posterior omitido

Quantos erros há no código de Gepeto?

Alternativa correta

4

São dois erros. Ele esqueceu o operador new. O correto deveria ser:

plugins.push(
    new webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js'
    })
);

Além disso, ele disponibilizou o jQuery como jQuery e esqueceu de disponibilizá-lo também como $, apelido extremamente comum e utilizado.

O script final corrigido fica:

plugins.push(
    new webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js',
           $: 'jquery/dist/jquery.js'
    })
);

Alternativa correta

2

Ele esqueceu o operador new. O correto deveria ser:

plugins.push(
    new webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js'
    })
);

Além disso, ele disponibilizou o jQuery como jQuery e esqueceu de disponibilizá-lo também como $, apelido extremamente comum e utilizado.

O script final corrigido fica:

plugins.push(
    new webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js',
           $: 'jquery/dist/jquery.js'
    })
);

Alternativa correta

3

São dois erros. Ele esqueceu o operador new. O correto deveria ser:

plugins.push(
    new webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js'
    })
);

Além disso, ele disponibilizou o jQuery como jQuery e esqueceu de disponibilizá-lo também como $, apelido extremamente comum e utilizado.

O script final corrigido fica:

plugins.push(
    new webpack.ProvidePlugin({
           jQuery: 'jquery/dist/jquery.js',
           $: 'jquery/dist/jquery.js'
    })
);